﻿
<div ng-controller="ReferralController">
    <div class=" ng-scope">
        
        <div class="row ng-scope">
            <div class="col-xs-12 col-md-12">
                <div class="well with-header  with-footer">
                    <div class="header bg-themeprimary">
                        Referral
                        <ion-view view-title="Referrals" cache-view="false">
                            <ion-nav-buttons side="right">
                                <a class="btn btn-warning btn-sm pull-right" href="#/app/referral/{{IDParent}}" ng-show="showup">Up</a>
                            </ion-nav-buttons>
                            <ion-content>
                                <ion-refresher pulling-text="Pull to refresh" on-refresh="doRefresh()"></ion-refresher>
                    </div>
                    <div class="list">
                        <table class="table table-bordered table-striped table-condensed flip-content">
                            <thead class="flip-content bordered-palegreen">
                                <tr>
                                    <th>#</th>
                                    <th>User Name</th>
                                    <th>Total F1</th>                                 
                                    <th class="numeric">Money</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr ng-repeat="data in referrallists" ng-show="referrallists.length != 0">
                                    <td class="numeric">{{$index+1}}</td>
                                    <td><a href="#/app/referral/{{data.UserId}}"> {{data.UserName}}</a></td>
                                    <td class="numeric">{{data.TotalF1}}</td>                               
                                    <td class="numeric">$ {{data.TotalMoney}}</td>
                                </tr>
                            </tbody>
                        </table> 

                    </div>
                    <div class="item item-icon-left" ng-show="referrallists.length == 0">
                        No Data
                    </div>
                </div>
              
            </div>
        </div>

    </div>
</div>
